<!DOCTYPE html>
<html>
<head>



    <template file="Home/meta" />
    <template file="Home/css" />


    <link rel="stylesheet" href="http://at.alicdn.com/t/font_ftudvsvnehhvvx6r.css">

    <link rel="stylesheet" href="/Statics/Home/js/rating/themes/fontawesome-stars.css">




</head>
<body style="background: #fafafa">


<form data-am-rating method="post" class="am-form   J_ajaxForm wukuang" action="{:U('')}">




<div class="am-g  well    am-margin-bottom-sm ">

        <span class="am-block am-padding-sm am-text-center" style="border-bottom: 1px solid red">发表评价</span>


        <div class="am-u-sm-12 common-border-bottom am-padding-sm" >

            <div class="am-u-sm-4">
                <span class="iconfont icon-haoping hao">好评</span>
            </div>
            <div class="am-u-sm-4">
                <span class="iconfont icon-zhongping1 zhong">中评</span>
            </div>
            <div class="am-u-sm-4">
                <span class="iconfont icon-chaping1 cha">差评</span>
            </div>


            <input type="hidden" name="pingjia" id="pingjia" value="hao">


        </div>

    <div class="am-form-group  am-padding-sm">


<textarea rows="4" name="content" cols="50" style="font-size: 0.8em" placeholder="宝贝满足您的期待吗?说说你的使用心的!"></textarea>

        </div>


    <div class="am-cf  am-text-sm  am-padding-sm common-border-top common-border-bottom">


        <div class="am-u-sm-4 ">
            <label class="am-radio am-danger am-margin-0" >
                <input type="radio" name="niming" value="1" data-am-ucheck checked>
                匿名
            </label>

            </div>
        <div class="am-u-sm-8">

            你写了评价会以匿名形式展示。

        </div>
    </div>


    </div>


    <div class="am-g  well  am-padding-sm   am-margin-vertical-sm ">

        <span class="am-block iconfont icon-dianpu am-margin-bottom-sm" >店铺评分</span>

        <div class="am-cf">
            <div class="am-u-sm-4 am-text-sm">描述相符:</div>
            <div class="am-u-sm-8">

                <select name="miaoshu" class="rang">
                    <option value="1">1</option>
                    <option value="2">2</option>
                    <option value="3">3</option>
                    <option value="4">4</option>
                    <option value="5" selected>5</option>
                </select>
            </div>





        </div>

        <div class="am-cf">
            <div class="am-u-sm-4 am-text-sm">物流服务:</div>
            <div class="am-u-sm-8">

                <select name="wuliu" class="rang">
                    <option value="1">1</option>
                    <option value="2">2</option>
                    <option value="3">3</option>
                    <option value="4">4</option>
                    <option value="5" selected>5</option>
                </select>
            </div>





        </div>


        <div class="am-cf">
            <div class="am-u-sm-4 am-text-sm">服务态度:</div>
            <div class="am-u-sm-8">

                <select name="fuwu" class="rang">
                    <option value="1">1</option>
                    <option value="2">2</option>
                    <option value="3">3</option>
                    <option value="4">4</option>
                    <option value="5" selected>5</option>
                </select>
            </div>





        </div>






    </div>


    <div class="am-text-center am-padding-top-xl">

        <input type="hidden" name="order_sn" value="{$_data.order_sn}">

        <button class="   btn-write  am-padding-sm am-padding-horizontal-xl   ajax-post"   target-form="J_ajaxForm" type="submit">提交</button>

    </div>


    </form>

    <div data-am-widget="navbar" class="am-navbar am-cf am-navbar-index  common-border-top "
         id="">
        <template file="Home/bottom_nav" />
    </div>

    <template file="Home/js" />

<script src="/Statics/Home/js/rating/jquery.barrating.min.js"></script>









</body>

<script>


    $(function(){

        $('.rang').barrating({
            theme: 'fontawesome-stars'
        });


        $(".hao").click(function(){

            $("#pingjia").val("hao");

            $(".hao").removeClass("icon-haoping1");
            $(".hao").addClass("icon-haoping");

            $(".zhong").removeClass("icon-zhongping");
            $(".zhong").addClass("icon-zhongping1");

            $(".cha").removeClass("icon-chaping");
            $(".cha").addClass("icon-chaping1");




        });
        $(".zhong").click(function(){

            $("#pingjia").val("zhong");

            $(".hao").removeClass("icon-haoping");
            $(".hao").addClass("icon-haoping1");

            $(".zhong").removeClass("icon-zhongping1");
            $(".zhong").addClass("icon-zhongping");

            $(".cha").removeClass("icon-chaing");
            $(".cha").addClass("icon-chaping1");

        });
        $(".cha").click(function(){

            $("#pingjia").val("cha");

            $(".hao").removeClass("icon-haoping");
            $(".hao").addClass("icon-haoping1");

            $(".zhong").removeClass("icon-zhongping");
            $(".zhong").addClass("icon-zhongping1");

            $(".cha").removeClass("icon-chaping1");
            $(".cha").addClass("icon-chaping");

        })


    })
</script>
</html>